    //   react 书写 样式 

    //   1. 基于class  但是 react 必须 className 代替class
    //   2. 基于内联样式 style  style = {obj}   遵循 驼峰命名 
    //   style = {backgroundColor:"red",fontSize:20}
    //   lineHeight:'20px'    必须带单位 
    //   3. 全局变量  外部样式   原型链挂载 

import React, { Component } from 'react'
import { commonCss } from '../utils/common'

    
const allStyle={
    color:'deepink',
    fontSize:30,
    backgroundColor:"blue",
    margin:30
}

    export default class Cssdemo extends Component {
      render() {
        return (
          <div className='one'>
             <h2 style={  {color:'darkorange',fontSize:30}  }  >react 书写 样式 </h2>
             <h2 style={  {background:"#123456",color:'#fff',fontSize:20,lineHeight:20+'px'}}>基于class  但是 react 必须 className 代替class</h2>
                    <h2 style={ allStyle }>wh2114-daydayup </h2>
                    <h2 style={commonCss.golbal} >    wh2114 - 不放弃每一分每一秒 </h2>
                   <h2 style={{background:'#f50',color:'pink',fontSize:30,lineHeight:'40px',}}>wh2114-每个人都要战胜react</h2>
            
              </div>
        )
      }
    }
    